<template>
  <div class="search">
    <van-search
      v-model="value"
      placeholder=""
      :clearable="false"
      @focus="goSearch"
      :autofocus="false"
    />
  </div>
</template>
<script>
export default {
  data: () => ({
    value: ''
  }),
  methods: {
    goSearch() {
      this.$router.push('/home/search')
    }
  }
}
</script>
<style lang="less">
.search {
  width: 100%;
  background-color: white;
  .van-search__content {
    border-radius: 10px;
  }
}
</style>
